<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			input {
				outline: none;
				border: none;
				border-bottom: 1px solid #666;
			}
		</style>
	</head>
	<body>
		<div id="htmlBox">
		</div>
		<button id="submit">提交</button>
		<script>
			const testString = "调查问卷字符串{test,width: 50px;color: red;}asdasda我是一个调查文件啊啊啊啊,我是一个调查文件啊啊啊啊我是一个调查文件啊啊啊啊我是一个调查文件啊啊啊啊我是一个调查文件啊啊啊啊我是一个调查文件啊啊啊啊我是一个调查文件啊啊啊啊我是一个调查文件啊啊啊{a}我{as}查文件啊啊啊啊我是一个调查文件啊啊啊啊我是一个调查文件啊啊啊啊我是一个调查文件啊啊啊啊";
			const nameArr = [];
			const rs = testString.replace(/\{[^}]*\}/g, function(str) {
				str = str.replace(/^{|}$/g, "")
				const [id, style] = str.split(",");
				nameArr.push(id);
				return `<input id=${id} style="${style}" />`;
			});
			htmlBox.innerHTML = rs;
			submit.onclick = () => {
				const objArr = [];
				let submitData = nameArr.map(item => {
					const dom = document.querySelector(`#${item}`)
					return { name: item, value: dom.value};
				})
				console.log(submitData);
				fetch("http://localhost:9090/", {
					method: 'POST', // *GET, POST, PUT, DELETE, etc.
					mode: 'cors', 
					headers: {
						'Content-Type': 'application/json'
						// 'Content-Type': 'application/x-www-form-urlencoded',
					},
					body: JSON.stringify(submitData)
				}).then(res => res.json())
				.then(res => {
					console.log(res);
				})
			}
		</script>
	</body>
</html>